<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/amazeui/2.7.2/css/amazeui.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/amazeui/2.7.2/js/amazeui.min.js"></script>



<!-- 文档地址 "http://amazeui.shopxo.net/widgets/slider/"  -->
<div data-am-widget="slider" class="am-slider am-slider-default" style="height: 300px;">
	<ul class="am-slides" style="height: 300px;width: 100%">
		<li style="height: 100%;width: 100%">
			<img src="http://b-ssl.duitang.com/uploads/blog/201505/18/20150518025109_Lfmcx.jpeg" style="height: 100%;width: 100%">
		</li>
		<li style="height: 100%;width: 100%">
			<img src="http://img3.imgtn.bdimg.com/it/u=2208162519,4010854312&fm=26&gp=0.jpg" style="height: 100%;width: 100%">
		</li>
		<li style="height: 100%;width: 100%">
			<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2472153115,3034378969&fm=26&gp=0.jpg" style="height: 100%;width: 100%">
		</li>
	</ul>
</div>

<script type="text/javascript">
	//轮播图图片项监听
	$('.am-slides>li').click(function(){
		console.log($(this).index());
		//dosomething
	});
</script>
